<%-- 
    Document   : main
    Created on : Nov 2, 2011, 4:20:56 PM
    Author     : fikri
--%>
<%@ include file="/WEB-INF/jsp/include/page_header.jspf" %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<s:useActionBean beanclass="com.jkoa.util.ListUtil" id="list" />

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title>Belakang Kaunter | Utama</title>

        <script type="text/javascript" src="${pageContext.request.contextPath}/pub/js/ui.blockUI.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/pub/js/clear-text.js"></script>
        <script language="javascript">

            $(document).ready(function() {
                $('input:text').each(function(){
                    $(this).focus(function() { $(this).addClass('focus')});
                    $(this).blur(function() { $(this).removeClass('focus')});
                });
                $('select').each(function(){
                    $(this).focus(function() { $(this).addClass('focus')});
                    $(this).blur(function() { $(this).removeClass('focus')});
                });

                $('form').submit(function(){
                    doBlockUI();
                    var valid = false;                    
                    $('.kodUrusan').each(function(index){                        
                        updateSelect(index);
                        var val = $('#kodUrusanKod' + index).val();
                        if (val != ''){
                            valid = true;
                        }
                        if (val == ''){ valid = false;}
                    });                    
                    doUnBlockUI();
                    return valid;
                });
            });            
            
        </script>    

    </head>
    <body>


        <s:messages />
        <s:errors />

        <s:form action="/daftar/kaunter" id="">

            

                <div class="left_entry"><div class="left_title">1) Maklumat Peribadi</div>

                    <table width="100%">
                        <tr>
                            <td width="200px" style="text-align: right"><font color="Red">*</font>Nama</td>
                            <td>:</td>
                            <td><s:text name="peribadi.nama" style="width:400px" class="required"/></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">Jenis Pengenalan</td>
                            <td>:</td>
                            <td><s:text name="peribadi.kodPengenalan" style="width:400px"/></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">No Pengenalan</td>
                            <td>:</td>
                            <td><s:text name="peribadi.noPengenalan" style="width:400px"/></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">Alamat Surat-Menyurat</td>
                            <td>:</td>
                            <td><s:text name="peribadi.alamatSurat" style="width:400px"/></td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>:</td>
                            <td><s:text name="peribadi.alamatSurat2" style="width:400px"/></td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>:</td>
                            <td><s:text name="peribadi.alamatSurat3" style="width:400px"/></td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>:</td>
                            <td><s:text name="peribadi.alamatSurat4" style="width:400px"/></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">Poskod</td>
                            <td>:</td>
                            <td><s:text name="peribadi.poskodSurat" style="width:400px" maxlength="5"/></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">Negeri</td>
                            <td>:</td>
                            <td><s:select name="peribadi.negeriSurat" style="width:400px">
                                    <s:option value="">Sila Pilih</s:option>
                                    <s:options-collection collection="${list.senaraiNegeri}" label="nama" value="kod"/>
                                </s:select>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right">Alamat Tetap</td>
                            <td>:</td>
                            <td><s:text name="peribadi.alamat" style="width:400px"/></td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>:</td>
                            <td><s:text name="peribadi.alamat2" style="width:400px"/></td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>:</td>
                            <td><s:text name="peribadi.alamat3" style="width:400px"/></td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>:</td>
                            <td><s:text name="peribadi.alamat4" style="width:400px"/></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">Poskod</td>
                            <td>:</td>
                            <td><s:text name="peribadi.poskod" style="width:400px" maxlength="5"/></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">Negeri</td>
                            <td>:</td>
                            <td><s:select name="peribadi.negeri" style="width:400px">
                                    <s:option value="">Sila Pilih</s:option>
                                    <s:options-collection collection="${list.senaraiNegeri}" label="nama" value="kod"/>
                                </s:select></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">Email</td>
                            <td>:</td>
                            <td><s:text name="peribadi.email" style="width:400px"/></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">No Tel Rumah</td>
                            <td>:</td>
                            <td><s:text name="peribadi.noTel1" style="width:400px"/></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">No Tel Pejabat</td>
                            <td>:</td>
                            <td><s:text name="peribadi.noTel2" style="width:400px"/></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">Tarikh Lahir</td>
                            <td>:</td>
                            <td><s:text name="peribadi.trhLahir" style="width:400px"/></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">Warganegara</td>
                            <td>:</td>
                            <td><s:select name="peribadi.warganegara" style="width:400px">
                                    <s:option value="">Sila Pilih</s:option>
                                    <s:options-collection collection="${list.senaraiWarganegara}" label="nama" value="kod"/>
                                </s:select></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">Jantina</td>
                            <td>:</td>
                            <td><s:select name="peribadi.jantina" style="width:400px">
                                    <s:option value="">Sila Pilih</s:option>
                                    <s:options-collection collection="${list.senaraiJantina}" label="nama" value="kod"/>
                                </s:select></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">Taraf Perkahwinan</td>
                            <td>:</td>
                            <td><s:select name="peribadi.tarafKahwin" style="width:400px">
                                    <s:option value="">Sila Pilih</s:option>
                                    <s:options-collection collection="${list.senaraiTarafKahwin}" label="nama" value="kod"/>
                                </s:select></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">Suku Kaum</td>
                            <td>:</td>
                            <td><s:select name="peribadi.suku" style="width:400px">
                                    <s:option value="">Sila Pilih</s:option>
                                    <s:options-collection collection="${list.senaraiSuku}" label="nama" value="kod"/>
                                </s:select></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">Agama</td>
                            <td>:</td>
                            <td><s:select name="peribadi.agama" style="width:400px">
                                    <s:option value="">Sila Pilih</s:option>
                                    <s:options-collection collection="${list.senaraiAgama}" label="nama" value="kod"/>
                                </s:select></td>
                        </tr>
                        <tr>
                            <td style="text-align: right">Kecacatan</td>
                            <td>:</td>
                            <td><s:select name="peribadi.kecacatan" style="width:400px">
                                    <s:option value="">Sila Pilih</s:option>
                                    <s:option value="T">Tiada</s:option>
                                    <s:option value="Y">Ya</s:option>
                                </s:select></td>
                        </tr> 
                        <tr>
                            <td colspan="3" align="center"><s:submit name="Step2" value="Seterusnya" class="btn" /></td>
                        </tr>
                    </table>                     
                </div>


          

        </s:form>
    </body>
</html>
